body>header li:nth-child(2){
    background-color: #2694F5;
    border-bottom: 2px solid white;
}
body>header li:nth-child(3){
    background-color: #0086FF;
    border-bottom: 1px solid white;
}
.mainLeft p{
    position: relative;
}
.mainLeft p:first-child a{
    color: #2D5EA1;
    display:block;
}
.mainLeft ul li:hover,
.mainLeft p:hover{
    background-color: #CCCCCC;
}
.mainLeft p a{
    height: 56px;
    line-height: 56px;
    font-size: 14px;
}
.mainLeft p a:first-child{
    /* display: block; */
    padding-left:20px;
    
}

.mainLeft p span.iconfont{
    transition: all .2s;
    transform: rotate(0);
}
.mainLeft a i{
    font-size:16px ;
    margin-right: 5px;
}
.mainLeft p>span{
    height: 56px;
    line-height: 56px;
    position: absolute;
    right: 20px; 
    top: 0;
}

/* .mainLeft .data-center span{
    position:absolute;
} */
.mainLeft ul{
    display: none;
    font-size: 14px;
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
}
.mainLeft ul li a{
    display: block;
    padding: 0 45px;
}
.find-plan{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 15px;
    box-shadow: 0 0  10px .2px rgb(92, 85, 85,.2);
    padding:22px 20px 35px
}
.find-plan>p{
    margin-left: 20px;
    margin-bottom: 8px;
}
.find-plan .input-style select{
    width: 220px;
    appearance: none;
    color: #C0C4CC;
}
.find-plan select option{
    color: black;
}
.find-plan button{
    margin-left: 10px;
}
.find-plan button:first-child{
    background-color: #3F9CFC;
    color: white;
}
.find-plan select option:first-child{
    color: #AAB7D2;
}
.mainRight .tableWeaper{
    margin: 10px 15px;
    padding: 20px;
    box-shadow: 0 0  10px .2px rgb(92, 85, 85,.2);

}
.mainRight table{
    width: 100%;
    font-size: 14px;
    /* border:1px solid #EBEEF5; */
    /* border-collapse: collapse;
    border-spacing: 10px 10px; */
}
.mainRight table thead{
    width: 100%;
    color: #9093A6;
    font-weight: bold;
}

.mainRight table tr{
    /* border:1px solid black; */
    width: 100%;
    border-bottom:1px solid #EBEEF5;
    height: 57px;
    line-height: 57px;

}
.mainRight table tbody tr:hover{
    background-color: #F5F7FA;
}
.mainRight table tr td:last-child{
    text-align: center;
}
.mainRight thead tr td:last-child{
    position: relative;
    left: -17px;
}
.mainRight table td{
    max-width: 300px;
    overflow: hidden;
    /* border:1px solid black; */
}
.tableWeaper thead button{
    background-color: #0086FF;
    color: white;
}
.tableWeaper tbody button{
    background-color: transparent;
    outline: none;
    border: 0px;
    color: #409EFF;
    cursor: pointer;
}
.skipWeaper select{
    appearance: none;
}
.skipWeaper .skip-btn{
    display: flex;
}
.skipWeaper .skip-btn button{
    outline: none;
    border: 0px;
    width: 30px;
    cursor: pointer;
    font-weight: bold;
}
.skipWeaper .skip-btn button.pro-btn-prev{
    margin-right: 8px;
}
.skipWeaper .skip-btn button.pro-btn-next{
    margin-left:8px ;
    margin-right: 20px;
}
.skipWeaper .skip-btn button:hover{
    color: #8CB5FB;
}
.skipWeaper .skip-btn button:active{
    color: blue;
}
